<%@ page import="com.mystore.entity.Kind" %>
<%@ page import="java.util.List" %><%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2017/9/19
  Time: 11:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>
    <meta charset="utf-8"/>
    <link href="../../css/main.css" rel="stylesheet">
    <style>
        .carousel img{
            width: 100%;
            height: 400px !important;
        }
    </style>

</head>
<body>

<%
    String baseUrl = request.getContextPath();
%>

<div class="container text-center">
    <jsp:include page="head.jsp"/>
    <div class="control-label"><h2>请选择你的分类</h2></div>

    <div class="row col-md-3">
        <div class=" list-group ">
            <%
                List<Kind> list = (List<Kind>) request.getAttribute("kind");
                for (Kind kind : list) {
            %>
            <a class="list-group-item"
               href="<%=baseUrl%>/check/good/getGoods?gid=<%=kind.getId()%>&pageNumber=1&pageSize=10"><h4
                    class="list-group-item-heading"><%=kind.getKind()%>
            </h4></a>
            <%
                }
            %>
        </div>

    </div>

    <div class="col-md-9 column">

        <div class="carousel slide" id="carousel-76645">
            <ol class="carousel-indicators">
                <li class="active" data-slide-to="0" data-target="#carousel-76645">
                </li>
                <li data-slide-to="1" data-target="#carousel-76645">
                </li>
                <li data-slide-to="2" data-target="#carousel-76645">
                </li>
            </ol>
            <div class="carousel-inner">
                <div class="item active">
                    <img alt="" src="../../img/resultcar.jpg" />
                    <div class="carousel-caption">
                        <h4>
                            First Thumbnail label
                        </h4>
                        <p>
                            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                        </p>
                    </div>
                </div>
                <div class="item">
                    <img alt="" src="../../img/scancar.jpg" />
                    <div class="carousel-caption">
                        <h4>
                            Second Thumbnail label
                        </h4>
                        <p>
                            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                        </p>
                    </div>
                </div>
                <div class="item">
                    <img alt="" src="../../img/showcar.jpg" />
                    <div class="carousel-caption">
                        <h4>
                            Third Thumbnail label
                        </h4>
                        <p>
                            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                        </p>
                    </div>
                </div>
            </div> <a class="left carousel-control" href="#carousel-76645" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-76645" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
        </div>

    </div>

</div>


</body>
</html>
<script>
//    window.onload = function () {
//       $("#load").click();
//    }
</script>
